<template>
  <div id="me">
    <van-cell-group>
      <van-cell
        title="基本信息"
        is-link
        @click="goInfoPage('基本信息')"
        size="large"
      />
      <van-cell title="修改密码" is-link to="/user/resetPass" size="large" />
      <van-cell title="登录系统" is-link to="/user/login" size="large" />
      <van-cell
        title="账号注册"
        @click="goInfoPage('注册')"
        size="large"
        is-link
      />
    </van-cell-group>
  </div>
</template>
<script lang="ts">
import { useRouter } from "vue-router";
export default {
  setup() {
    const router = useRouter();
    const goInfoPage = (text: string) => {
      router.push({ path: "/userinfo", query: { title: text } });
    };

    return {
      goInfoPage,
    };
  },
};
</script>

<style lang="less">
#me {
  .van-cell {
    line-height: 30px;
    font-size: 16px;
  }
  .van-cell--large .van-cell__title {
    font-size: 20px;
  }
  .van-icon-arrow::before {
    line-height: 30px;
  }
}
</style>